@forward "./class.scss";
@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    --color-text: #fff;
    --color-red: red;
    --top-h: 25; // 设置顶部导航的高度  28 * 0.4rem
}



@layer components {
    .web_con {
        @apply w-full mx-auto px-2  box-border;
        max-width: 1440px
            /* 默认样式 */
    }

    @screen sm {
        .web_con {
            @apply px-2 ;
            /* sm断点后的样式 */
        }
    }

    @screen lg {
        .web_con {
            width: 94%;
            /* sm断点后的样式 */
        }
    }

}

@layer base {
    h1 {
        @apply text-2xl;
    }

    h2 {
        @apply text-xl;
    }
}

@layer utilities {
    .filter-none {
        filter: none;
    }

    .filter-grayscale {
        filter: grayscale(100%);
    }
}
